<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>留学生管理系统</title>
        <link rel="stylesheet" href="${path}/css/admin2.css">
        <script>
            var _current_item = "#adminScoreManage";
        </script>
        <script type="text/javascript" src="${path}/js/jquery.min.js"></script>
    </head>
    <body>
     <div id="above-mask">
    <div class="fileupload pannel hide" id="fileupload-pannel">
                <div class="close-container">
                    <a class="close" onclick="hide('#above-mask, #mask, #fileupload-pannel');">×</a>
                </div>
                <form action="${path}/adminUploadPreScore/uploadPreScore" method="post" enctype="multipart/form-data" name="fileForm">
                    <div style="margin-top: 30px;"> 上传文件：（支持Excel 97-2003 工作簿 .xls格式文件）</div>
                    <input id="fileCover" class="left" readonly="readonly" placeholder="导入excel文件" type="text" style="width: 280px; height: 22px;">
                    <button onclick="$('#uploadFile').click();return false;" style="background: #aaa">浏览文件</button>
                    <input type="file" name="uploadFile" required="required" id="uploadFile" style="display:none" onchange="$('#fileCover').val($(this).val());">
                    <div>
                        <button type="submit" style="display: block; margin: 0 auto;">提交</button> 
                    </div>
                </form>
            </div>
            </div>
        <div id="mask"></div>
        <div id="header"></div>
        <div id="main">
            <div id="side-menu"></div>
            <div id="container">
                <div id="inner-border">
                        <br><br>
                       <button type="button" style="width:130px" onclick="show('#mask, #above-mask, #fileupload-pannel')">学生历史成绩导入</button>                          
                        	<button type="button" style="width:100px" onclick="window.location.href = '${path}/adminUploadPreScore/fileDownload'">模版下载</button> 
                            <table class="table table-bordered" id="couscotable">
                                <thead>
                                    <tr>
                                        <th>学期</th> 
                                        <th>课程</th>
                                        <th>学号</th>
                                        <th>护照号</th> 
                                        <th>姓</th> 
                                        <th>名</th> 
                                        <th>总评成绩</th>
                                        <th>正考补考</th>
                                    </tr>
                                </thead>
                                <tbody>
                                <#if stuGra??>
                                <#list stuGra as stu>
                                    <tr>
                                        <td>${stu.termValue!}</td>
                                        <td>${stu.courseName!}</td>
                                        <td>${stu.sNo!}</td>
                                        <td>${stu.passportNo!}</td>
                                        <td>${stu.lastName!}</td>
                                        <td>${stu.firstName!}</td>
                                        <td>${stu.grade!}</td>
                                        <td>${stu.gradeStatus!}</td>
                                    </tr>
                                    </#list>
                                    </#if>
                                </tbody>
                            </table>
 
                </div>
                
            </div>
        </div>
        <div id="footer"></div>
        <script type="text/javascript" src="${path}/js/admin-main-appearance.js"></script>

        <!-- DataTables JavaScript -->
        <script src="${path}/bower_components/datatables/media/js/jquery.dataTables.min.js"></script>
        <script src="${path}/bower_components/datatables-plugins/api/fnGetHiddenNodes.js"></script>
        <script src="${path}/bower_components/datatables-plugins/api/fnGetTd.js"></script>
        <script src="${path}/bower_components/datatables-plugins/api/fnGetTds.js"></script>
        <script src="${path}/bower_components/datatables-plugins/api/fnGetColumnData.js"></script>
        <script src="${path}/bower_components/datatables-plugins/integration/bootstrap/3/dataTables.bootstrap.min.js"></script>
        <script type="text/javascript">
                                $(document).ready(function () {
                                    $('#couscotable').DataTable({
                                        responsive: true,
                                        ordering: false,
                                        searching: true,
                                        "bLengthChange": false,
                                        "bRetrieve": true,
                                        "bFilter": true//过滤功能

                                    });
                                });
        </script>
    </body>
</html>
